<template>
    <div class="MainCon">
        <iframe class="pdf-box" :src="`/pdfjs/web/viewer.html?file=${encodeURIComponent(MyUrl)}`" ></iframe>
    </div>
</template>

<script setup>
   const props = defineProps({
        MyUrl:{
            type:String,
            default:''
        }

    });
</script>

<style scoped>

.MainCon{
    width: 100%;
    height: calc(100vh - 160px);
    object-fit: contain;
}
.pdf-box {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

</style>